<html lang="en">
  <head>
    <meta charset="utf-8" />
    <title>Geonetwork EEA data catalogue</title>
    <base href="./" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <link
      rel="shortcut icon"
      type="image/x-icon"
      href="https://forest.eea.europa.eu/favicon.ico"
    />
    <link rel="shortcut icon" href="https://forest.eea.europa.eu/favicon.ico" />
    <link
      rel="stylesheet"
      href="https://forest.eea.europa.eu/facetview/vendor/jquery-ui-1.11.4.custom/jquery-ui.css"
    />
    <link
      rel="stylesheet"
      href="https://forest.eea.europa.eu/facetview/vendor/dist/themes/default/style.min.css"
    />
    <link
      rel="stylesheet"
      href="https://forest.eea.europa.eu/facetview/css/style.css"
    />
    <link
      rel="stylesheet"
      href="https://forest.eea.europa.eu/facetview/css/facetview.css"
    />
    <link rel="stylesheet" href="https://forest.eea.europa.eu/css/style.css" />
    <link rel="stylesheet" href="https://forest.eea.europa.eu/css/tiles.css" />
    <link
      rel="stylesheet"
      href="https://forest.eea.europa.eu/css/loading.css"
    />
    <link
      rel="stylesheet"
      href="https://forest.eea.europa.eu/css/no-more-tables.css"
    />
    <link
      rel="stylesheet"
      href="https://forest.eea.europa.eu/css/esbootstrap.facetview.css"
    />
    <link
      rel="stylesheet"
      href="https://forest.eea.europa.eu/css/no-more-tables.css"
    />
    <link
      rel="stylesheet"
      href="https://forest.eea.europa.eu/css/esbootstrap.facetview.css"
    />
    <link rel="stylesheet" href="https://forest.eea.europa.eu/custom.css" />
  </head>
  <body>
    <div id="main">
      <div class="header-wrapper" role="banner">
        <div class="sticky-outer-wrapper">
          <div
            class="sticky-inner-wrapper"
            style="position: relative; top: 0px"
          >
            <div class="ui container">
              <div class="header">
                <div class="logo-nav-wrapper space-between">
                  <div class="logo">
                    <a title="Site" href="/"
                      ><img
                        class="logoImage"
                        height="80"
                        src="https://forest.eea.europa.eu/static/media/Logo.9ddbcab0.svg"
                        alt="Plone Site"
                        title="Plone Site" /><img
                        class="logoImageSm"
                        height="80"
                        src="https://forest.eea.europa.eu/static/media/Logo-sm.6d9baba6.svg"
                        alt="Plone Site"
                        title="Plone Site"
                    /></a>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
        <div class="ui container">
          <div class="header-bg contentpage">
            <img
              src="https://forest.eea.europa.eu/static/media/header-bg.b0e06ab2.png"
              alt=""
            />
          </div>
          <div style="position: relative">
            <div
              role="navigation"
              aria-label="Breadcrumbs"
              class="ui secondary vertical segment breadcrumbs"
            >
              <div class="ui container">
                <div class="ui breadcrumb">
                  <a class="section" title="Home" href="/">
                    <svg
                      xmlns="http://www.w3.org/2000/svg"
                      viewBox="0 0 36 36"
                      style="height: 18px; width: auto; fill: currentColor"
                      class="icon"
                    >
                      <g fill-rule="evenodd">
                        <path
                          d="M18 4.826L4.476 13.148 5.524 14.851 18 7.174 30.476 14.851 31.524 13.148zM25 27L21 27 21 19 15 19 15 27 11 27 11 15 9 15 9 29 17 29 17 21 19 21 19 29 27 29 27 15 25 15z"
                        ></path>
                      </g>
                    </svg>
                  </a>
                </div>
              </div>
            </div>
            <div class="header-image-wrapper">
              <img
                class="header-image"
                height="280"
                style="
                  background-image: url(https://forest.eea.europa.eu/default_header_image/s1.jpg/@@images/76a7a069-88ec-42a7-85f6-5a617d3f65c6.jpeg);
                "
                width="100%"
              />
              <div class="header-image-overlay"></div>
              <div class="header-image-content">
                <h1>GeoNetwork Web Components</h1>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="ui basic segment content-area">
        <div class="ui container">
          <main>
            <div class="ui container messages"></div>
            <div class="editor-toolbar-wrapper"></div>
            <div id="view">
              <h2>EEA sample page using web components</h2>
              <div class="gn-list">
                <a href="results-list.html">Simple TITLE result list</a>
              </div>
              <div class="gn-list">
                <a href="datacatalogue.html">EEA Catalogue</a>
              </div>
            </div>
          </main>
        </div>
      </div>
      <div role="contentinfo" class="ui vertical padded segment footerWrapper">
        <img
          class="footerImage"
          src="https://forest.eea.europa.eu/static/media/footer.58082013.png"
          alt=""
        />
        <div class="ui container">
          <div class="ui vertically divided grid">
            <div class="footerLinkBar">
              <ul class="unlist">
                <li>
                  <a class="item separated" href="/legal_notice"
                    >Legal notice</a
                  >
                </li>
                <li>
                  <a class="item separated" href="/privacy_policy"
                    >Privacy statement</a
                  >
                </li>
                <li>
                  <a class="item separated" href="mailto:info@eea.europa.eu"
                    >Contact us</a
                  >
                </li>
                <li>
                  <a
                    class="item separated"
                    href="https://status.eea.europa.eu/"
                    target="blank"
                    >EEA Systems Status</a
                  >
                </li>
                <li><a class="item" href="/login">Login</a></li>
              </ul>
              <p class="release-info">
                Software version<!-- -->
                <a
                  href="https://github.com/eea/forests-frontend/releases/tag/2.0-beta.62"
                  target="_blank"
                  >eeacms/forests-frontend:2.0-beta.62</a
                >, last updated
                <!-- -->12/14/2020
              </p>
            </div>
            <div class="three column row">
              <div
                class="three wide computer twelve wide mobile three wide tablet column"
              >
                <b>About</b>
                <p>
                  FISE - Forest Information System for Europe is a forest
                  knowledge base in support of the EU Forest Strategy.<!-- -->
                </p>
              </div>
              <div
                class="three wide computer twelve wide mobile three wide tablet column"
              >
                <b>Partners</b>
                <div class="footerLogoWrapper">
                  <a
                    target="_blank"
                    href="https://ec.europa.eu/"
                    title="European Commission"
                    ><img
                      class="footerLogo"
                      src=""
                      alt="European Commission"
                      title="European Commission"
                      width="100%" /></a
                  ><a
                    target="_blank"
                    href="https://www.eea.europa.eu/"
                    title="European Environment Agency"
                    ><img
                      class="footerLogo"
                      src=""
                      alt="European Environment Agency"
                      title="European Environment Agency"
                      width="100%"
                  /></a>
                </div>
              </div>
              <div
                class="six wide computer twelve wide mobile six wide tablet column"
              >
                <b>Other European Information Systems</b>
                <div class="footerLogoWrapper">
                  <a
                    target="_blank"
                    href="https://climate-adapt.eea.europa.eu/"
                    title="Climate Adapt"
                    ><img
                      class="footerLogo"
                      src="https://forest.eea.europa.eu/static/media/climateadapt.5b5fd7c2.svg"
                      alt="Climate Adapt"
                      title="Climate Adapt"
                      width="100%" /></a
                  ><a
                    target="_blank"
                    href="https://biodiversity.europa.eu/"
                    title="Biodiversity Information Sistems for Europe"
                    ><img
                      class="footerLogo"
                      src="https://forest.eea.europa.eu/static/media/biselogo.3cdfd7ce.png"
                      alt="Biodiversity Information Sistems for Europe"
                      title="Biodiversity Information Sistems for Europe"
                      width="100%" /></a
                  ><a
                    target="_blank"
                    href="https://water.europa.eu/"
                    title="Water Information System for Europe"
                    ><img
                      class="footerLogo"
                      src="https://forest.eea.europa.eu/static/media/WISE.84320d99.png"
                      alt="Water Information System for Europe"
                      title="Water Information System for Europe"
                      width="100%" /></a
                  ><a
                    target="_blank"
                    href="https://land.copernicus.eu/"
                    title="Land Monitoring Service"
                    ><img
                      class="footerLogo"
                      src="https://forest.eea.europa.eu/static/media/landmonitoringservice.9ecb757a.png"
                      alt="Land Monitoring Service"
                      title="Land Monitoring Service"
                      width="100%" /></a
                  ><a
                    target="_blank"
                    href="https://climate.copernicus.eu/"
                    title="Climate Change Service"
                    ><img
                      class="footerLogo"
                      src="https://forest.eea.europa.eu/static/media/climateChange.190a61c3.svg"
                      alt="Climate Change Service"
                      title="Climate Change Service"
                      width="100%"
                  /></a>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="Toastify"></div>
    </div>
  </body>
</html>
